<template>
    <div id="page-wrapper">
        <div class="page-blank-wrap">
            <div class="site-error">
                <h1>
                    <img src="../../assets/images/404.png" alt="404" style="padding: 100px 0 20px" />
                </h1>
                <div>
                    <h1>{{ $t("notFound.title") }}</h1>
                    <h2>{{ $t("notFound.prompt") }}</h2>
                </div>
                <img src="../../assets/images/error-bg.png" alt="error-bg" style="padding: 70px 0 120px" />
            </div>
        </div>
    </div>
</template>

<style lang="less" scoped>
#page-wrapper {
    padding-left: 0 !important;
    background-color: #f7f7f7;
    position: relative;
    width: 100%;
    height: 100%;

    .page-blank-wrap {
        overflow: hidden;
        width: 800px;
        margin: 25px auto 0;
        padding: 0 20px;

        .site-error {
            margin-bottom: 30px;
            text-align: center;
        }
    }
}
</style>